@charset "utf-8";
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.button {
    font-family: "微软雅黑", "Microsoft Yahei", Verdana, Arial, Tahoma;
}

a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

html,
body {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "Microsoft Yahei", Verdana, Arial, Tahoma;
    /*background: #1398FD;*/
}


/*login.html - start*/

@keyframes imgAni {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes imgAni {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes imgAni {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes imgAni {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@keyframes loginAni {
    0% {
        left: 150%;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes loginAni {
    0% {
        left: 150%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes loginAni {
    0% {
        left: 150%;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes loginAni {
    0% {
        left: 150%;
    }
    100% {
        left: 0;
    }
}

body.loginBody {
    background: url(../images/body-back.png) repeat repeat;
    color: #fff;
}

.loginBody .logo {
    margin: 20px 0px 10px;
    height: 70px;
}

.loginBody .col-md-12 {
    padding: 0px;
}

.loginWrap {
    /* background: url(../images/net-image-ourbusinesses.jpg); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #4C6B97;
    padding: 20px;
    min-height: 380px;
    overflow: hidden;
}

.tipImg {
    position: relative;
    margin-top: 20px;
}

.tipImg img {
    position: relative;
    width: 300px;
    height: 300px;
    border: 5px solid rgba(255, 255, 255, 0.6);
    left: -100%;
    left: 0px\0;
    *left: 0;
    -moz-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    -webkit-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    -ms-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    animation: 1s ease-in-out 0s normal forwards 1 imgAni;
}

.loginContentWrap {
    position: relative;
    margin-top: 20px;
}

.loginContent {
    position: relative;
    left: 150%;
    left: 0px\0;
    *left: 0;
    -moz-animation: .8s ease-in-out .2s normal forwards 1 loginAni;
    -webkit-animation: .8s ease-in-out .2s normal forwards 1 loginAni;
    -ms-animation: .8s ease-in-out 0.2s normal forwards 1 loginAni;
    animation: .8s ease-in-out 0.2s normal forwards 1 loginAni;
}

.loginContent button.button {
    font-family: "微软雅黑";
}

.loginContent .loginLabel {
    line-height: 34px;
}

.loginTitle {
    padding: 15px;
}

@media ( max-width: 768px) {
    .loginWrap {
        background: url(../images/net-image-ourbusinesses.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .loginContent {
        width: auto;
    }
    .tipImg img {
        position: relative;
        width: 48px;
        height: 48px;
    }
}

.dividerLine {
    /*border-bottom: 1px solid #E6EAF5;*/
    /*border-top: 1px solid #7390BF;*/
    border-bottom: 1px solid #5786ab;
    border-top: 1px solid #555876;
    overflow: hidden;
    height: 0px;
    margin: 10px 0;
}


/*login.html - end*/

body.mainBody {
    margin-top: 35px;
    padding: 0px;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background-color: #004ad1;
    background-image: url(../images/ntk-2016-5681.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    background-attachment: fixed;
}

.cNavbar {
    color: #fff;
    background: #26568E;
    background: -webkit-linear-gradient(top, #124191 0%, #26568E 50%, #124191 100%);
    box-shadow: 0px 0px 3px 3px rgba(27, 74, 144, .15);
    line-height: 35px;
}

.cNavbar a {
    color: #fff;
    font-size: 12px;
}

.cNavbar .logoImg {
    height: 35px;
}

.cNavbar .dropdown-menu {
    border: 1px solid #dddddd;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0px;
    padding: 5px 0;
    margin: 0px 0 0;
}


}
.cNavbar .dropdown-menu a {
    padding: 2px 6px;
}
ul.topbar-nav {
    list-style: none;
    float: right;
    margin: 0 0px;
    padding: 0 0;
}
ul.topbar-nav>li {
    float: left;
    display: inline-block;
    line-height: 35px;
    font-size: 12px;
    color: #f7f7f7;
}
ul.topbar-nav>li.open {
    background-color: #337ab7;
}
ul.topbar-nav>li:hover {}
ul.topbar-nav>li>a:hover {
    border-radius: 0px;
    background-color: #337ab7;
    text-decoration: none;
}
ul.topbar-nav>li>a {
    text-decoration: no-underline;
    color: #f7f7f7;
    padding: 0 15px;
    display: block;
    border-radius: 3px;
}
.topbar-nav-list {
    color: #999;
    ;
    border: none;
    padding: 10px;
    margin-top: 0;
    white-space: nowrap;
}
.topbar-nav-list .topbar-nav-col {
    /*display: inline-block;*/
    
    float: left;
    vertical-align: top;
    padding: 0 10px;
}
.topbar-nav-list .topbar-nav-item ul li {
    min-width: 180px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
}
.topbar-nav-list .topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    color: #999;
}
.topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #f7f7f7;
}
.topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}
/* .mainBody .button-giant{
    color: #FFFFFF;
    border-radius: 18px;
    width: 80px;
    height: 80px;
    line-height: 80px;
} */
@media ( max-width: 768px) {
    .logoImg {
        display: none;
    }
    
    .mainBody .button-giant {
        color: #FFFFFF;
        border-radius: 12px;
        width: 64px;
        height: 64px;
        line-height: 64px;
    }
}
#menuWrap {
    color: #FFFFFF;
    margin-bottom: 20px;
}
#menuWrap .heading1 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
}
.opactity a {
    cursor: default;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
.opactity a i {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
.opactity a.button:hover {
    cursor: default;
    box-shadow: none;
}
.mainBody .button-primary:hover,
.mainBody .button-jumbo:hover,
.mainBody .button-highlight:hover,
.mainBody .button-caution:hover,
.mainBody .button-royal:hover,
.mainBody .button-action:hover {
    box-shadow: 0px 0px 1px 4px rgba(18, 65, 145, .17);
    transition: box-shadow 1s;
}

/*  内容页面布局信息    */
body.page-product {
    margin-top: 35px;
}
#subNav {
    padding: 0 15px;
    background: #EEEEEE;
    color: #aaa;
    border-bottom: 1px solid #cacaca;
    background-color: #004ad1;
    background-image: url(../images/net-image-ourbusinesses.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-attachment: fixed;
}
#subNav .title {
    text-align: match-parent;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 56px;
}
.sub-icon {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0px;
    border: 2px rgba(255, 255, 255, 1) solid;
    border-radius: 12px;
    color: #f5f5f5;
}
.sub-icon:hover {
    border: 2px #feb100 solid;
    color: #feb100;
}

/*nav - end*/

/*重新定义tab样式*/
#optionTab {
    border: none;
}
#optionTab li {}
#optionTab li + li {
    border-left: none;
}
#optionTab li a {
    color: #fff;
    height: 56px;
    padding: 0px 15px;
    line-height: 56px;
    background: none;
    border: none;
    border-radius: 0px;
    margin: 0px;
}
#optionTab li.active a {
    border-bottom: 4px solid #feb100;
    background-color: rgba(255, 255, 255, 0.2);
    color: #feb100;
    margin: 0px;
    position: relative;
}
#optionTab li a:hover {
    color: #feb100;
}
#optionTab li.active a:after {
    position: absolute;
    display: inline-block;
    top: 20px;
    left: 45%;
    font-size: 14px;
    color: #fff;
}
.page-product .body-content {
    background: #f4f4f4;
    background: -webkit-linear-gradient(left, #f4f4f4 50%, #fff 50%);
    background: -moz-linear-gradient(left, #f4f4f4 50%, #fff 50%);
    background: -ms-linear-gradient(left, #f4f4f4 50%, #fff 50%);
    background: -o-linear-gradient(left, #f4f4f4 50%, #fff 50%);
    margin-top: 0px;
    min-height: 300px;
    overflow: hidden;
}
.page-product .content-left {
    background: #f4f4f4;
    float: left;
    min-height: 0px;
}
.equipment-list{clear:both;padding:0 15px 0;}
.equipment-list .equ-table-list{min-height:200px;}
.equipment-list .equ-table-hardware-list{min-height:500px;}
.equipment-contrast{clear:both;max-height:500px;}
.equipment-contrast .equ-contrast-left{width:49.5%;float:left;}
.equipment-contrast .equ-contrast-right{width:49.5%;float:right;}
.equipment-contrast b{display:block;text-align:center;}
.equ-contrast-button{clear:both;padding:10px;text-align:center;}
.life-cycle-scatter{clear:both;padding:0;height: 400px;margin:20px 0;}
.export-equipment-btns{float:right;}

/* 用户管理 - 左侧导航菜单样式*/
ul.leftmenu{
    list-style: none;
    margin:15px 0px;
    padding: 0px;
}
ul.leftmenu>li{
    padding: 0 8px;
    color: #333;
}
ul.leftmenu>li>a{
    text-decoration: no-underline;
    color: #333;
    padding: 0px;
    display: block;
    border-radius: 3px;
}
ul.leftmenu>li{
    color: #333;
    line-height: 32px;
    -webkit-transform: translateZ(0);
    border-bottom: 1px dashed #E1E1E1;

    margin: 3px 0px;
    position: relative;
    cursor:pointer;
}
ul.leftmenu>li.active{
    background-color: #FFFFFF;
}
ul.leftmenu>li:hover,ul.leftmenu>li:focus{
    color: #333;
    background-color: #eaeaea;
    cursor: pointer
}
ul.leftmenu>li.leftSecondNav{
    color: #333;
}
li.leftSecondNav ul li{
    text-indent: 20px;
}
li.leftSecondNav ul li a{
    color: #888;
}
li.leftSecondNav ul li.active{
    background: #fff;
}
li.leftSecondNav>li:hover{
    background: #fff;
}

.page-product .content-right {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 400px;
    padding-bottom: 20px;
}
.page-product .product-title {
    margin-bottom: 46px;
    border-bottom: solid 1px #e1e1df;
    height: 20px
}
.console-title {
    padding: 10px 0px 5px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}
.console-title .btn {
    margin-left: 15px;
}
.console-title .nav-pills {
    display: inline-block;
    vertical-align: middle
}
.console-title h1,
.console-title h2,
.console-title h3,
.console-title h4,
.console-title h5,
.console-title h6 {
    display: inline-block;
    text-indent: 8px;
    border-left: 4px solid #004ad1;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px
}
.console-body {
    margin-bottom: 10px
}
.panel-heading span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    border-radius: 50%;
}
.circleNum {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    border-radius: 50%;
}
.mainFooter {
    color: #888;
    text-transform: uppercase;
	width:100%;
	height:32px;
    line-height: 32px;
	font-size:13px;
}

/*树*/
.treePanel {
    position: relative;
}
.treeToolBar {
    background: #e3e3e3;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, .0) 100%);
    padding: 5px;
    position: ;
}
.treeListWrap {
    position: absolute;
    top: 45px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.treeToolBar .glyphicon {
    color: #888;
}
.treeToolBar .glyphicon:hover {
    color: #24548E;
}

/*td*/
.k-grid tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tdOverFont {
    display: inline;
}
.tdOverFont:hover {
    text-decoration: none;
}
.editIcon {
    color: #449D44;
}
.deleteIcon {
    color: #D84C29;
}
a.colLink {
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
}
a.colLink:hover {
    /*background: #337ab7;*/
    /*color: #FFF;*/
}
a.aLink {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
    text-align: center;
    min-width: 18px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
}
a.aLink:hover {
    background: #D84C29;
    color: #FFF;
}

/*页面查询*/
.queryCondition .form-group {
    margin: 5px;
}
.queryCondition .form-group label {
    display: inline-block;
    text-align: right;
}
.queryCondition .btn {
    margin-left: 6px;
}
label.checkbox {
    text-align: left !important;
}

/*kendoui*/
.k-pager-wrap>.k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected,
.k-pager-wrap .k-link.k-pager-last {
    border-radius: 50%;
}
div.k-treeview {
    overflow: hidden;
}
.k-scrollable * {
    box-sizing: border-box;
}
.k-window-content .input-sm {
    box-sizing: border-box;
}
.form-control,.k-grid-content-locked * {
    box-sizing: border-box;
}
.k-grid-content-locked {
    padding-bottom: 22px;
}
.k-grid-toolbar {
    padding-top: 4px;
    padding-bottom: 4px;
}
.noPaddingBottom {
    padding-bottom: 0px !important;
}

/*kendo下拉框*/
.k-picker-wrap.k-state-default{
    height: 1.94em; padding-bottom: .4em;
}
.k-picker-wrap .k-input{
    line-height: 24px;
}


.listPick {
    background: #BCE5F1;
    border-radius: 3px;
    margin-left: 3px;
}

.listPick label {
    font-weight: normal;
    color: #fff;
    margin-bottom: 0px;
}
#modules {
  z-index: 1;
  border-radius: 3px;
}

#dropzone {
  padding: 20px;
  height: 262px;
  margin-bottom: 20px;
  z-index: 0;
  border-radius: 10px;
}

.active {

}

.hover {

}

.border tr td{
	border: 1px solid #ddd;
	text-align:center;
	font-size: 7pt;
	line-height: 25px;
}

li{list-style:none}
#dialog{border-radius:3px;background:#fff;display:none;}#dialog ol{width:100%;height:30px;background:#f1f1f1;border-bottom:1px solid #ddd;padding:0;margin:0}#dialog .top_title{width:100%;height:30px;background:0 0;border:0}#dialog .top_title li{width:200px;float:left;list-style:none;line-height:30px;text-indent:12px}#dialog ol .title{display:block;width:100px;height:20px;line-height:20px;float:left;margin:5px 0 0 5px}#dialog ol .exit{display:block;width:20px;height:20px;line-height:20px;text-align:center;float:right;margin:5px 5px 0 0}#dialog ol .exit:hover{border:1px solid #ddd;border-radius:3px;margin:4px 4px 0 0}#dialog ul{width:200px;max-height:450px;padding:0 0 0 10px;margin:0;float:left;overflow:hidden;border-right:1px solid #ddd;margin-top:10px}#dialog ul div{width:191px;max-height:390px;overflow:auto;}#dialog ul table{border-left:1px solid #ddd;}#dialog ul table td{height:25px;line-height:25px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;}#dialog ul table td input{width:35px;height:20px;line-height:20px;font-size:12px;margin:2px 0;border:0;background:#5cb85c;color:#fff;border-radius:3px}#dialog ul table th{border-bottom:1px solid #ddd;text-align:center}#dialog .button{position:absolute;bottom:8px;left:0;width:100%;height:30px;padding:0;margin:0;background:0 0;border:0}#dialog .button li{list-style:none;float:right;width:60px;height:30px;}#dialog .up_dn{width:45px;height:232px;float:left}#dialog .up_dn li{height:116px;line-height:116px;width:100%;list-style:none;text-align:center}
#dialog_main{filter: alpha(opacity=50); opacity:0.5; position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none}
#dialog ul div ol,#dialog ul div ol i{height:26px;line-height:26px}
#dialog ul div#right_table{width:100%;min-height:390px;border-left:1px solid #ddd;border-bottom: 1px solid #ddd;}
#dialog ul div.right_table{width:100%;height:26px;border-bottom: 1px solid #ddd;overflow:hidden}
#right_table .drop-item .btn-xs{padding: 0 2px;line-height:15px;}
#dialog ul #modules{width:191px;overflow:auto;}
#dialog ul #modules p{text-align:center;margin:0;padding:0}
#dialog ul #modules p li{list-style:none;border-left:1px solid #ddd;border-bottom:1px solid #ddd;height: 26px;line-height: 26px;cursor: pointer;}
#dialog .top_title li span{font-size:12px;color:red}
#dialog ol.drop-item {
  cursor: pointer;
  background:none;
  position: relative;
  height:26px;
  text-align:center;
  list-style:none;
}

.ui-dialog.ui-widget{padding:0}
.ui-dialog .ui-widget-header{background:#f1f1f1}
.ui-dialog.ui-widget .ui-dialog-titlebar{border:0;border-radius:0}
.ui-dialog.ui-widget .ui-dialog-titlebar{padding:5px}
.ui-dialog .ui-dialog-titlebar-close{background:#EDEDED url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) center no-repeat;border:none;}
.drop-item .remove {
  position: absolute;
  top: 4px;
  right: 4px;
}
/*style2*/

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}
body {
	font-family: "Microsoft Yahei", Verdana, Arial, Tahoma;
	margin-top: 40px;
	color: #333;
}
body.bodyBg {
	background: #FFFFFF url(../images/ntk-2016-5681.jpg) no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	/* 必须地，防抖动 */
}
@media (max-width: 767px) {
	body {
		margin-top: 70px;
	}
}
@media (max-width: 416px) {
	body {
		margin-top: 64px;
	}
}


/*login.html - start*/
@keyframes imgAni{
    0%{
        left: -100%;
    }
    100%{
        left: 0;
    }
}
@-moz-keyframes imgAni{
    0%{
        left: -100%;
    }
    100%{
        left: 0;
    }
}
@-webkit-keyframes imgAni{
    0%{
        left: -100%;
    }
    100%{
        left: 0;
    }
}
@-ms-keyframes imgAni{
    0%{
        left: -100%;
    }
    100%{
        left: 0;
    }
}
@keyframes loginAni{
    0%{
        left: 150%;
    }
    100%{
        left: 0;
    }
}
@-moz-keyframes loginAni{
    0%{
        left: 150%;
    }
    100%{
        left: 0;
    }
}
@-webkit-keyframes loginAni{
    0%{
        left: 150%;
    }
    100%{
        left: 0;
    }
}
@-ms-keyframes loginAni{
    0%{
        left: 150%;
    }
    100%{
        left: 0;
    }
}
body.loginBody {
    background: url(../images/body-back.png) repeat repeat;
    color: #fff;
}
.loginBody .logo{
    margin: 20px 0px 10px;
    height: 70px;
}

.loginWrap{
    /*background: url(../images/net-image-ourbusinesses.jpg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;

    background-color: #4C6B97;
    padding: 20px;
    min-height: 380px;
    /*border-top: 3px solid  #0082C3;
    border-bottom: 3px solid #0082C3;*/
    overflow: hidden;
}
.tipImg{
    position: relative;
    margin-top: 20px;
}
.tipImg img{
    position: relative;
    width: 300px;
    height: 300px;
    border: 5px solid rgba(255,255,255,0.6);
    left: -100%;
    left:0px\0;
    *left:0;
    -moz-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    -webkit-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    -ms-animation: 1s ease-in-out 0s normal forwards 1 imgAni;
    animation: 1s ease-in-out 0s normal forwards 1 imgAni;
}

.loginContentWrap{
    position: relative;
    margin-top: 20px;
}
.loginContent{
    width: 360px;
    position: relative;
    left: 150%;
    left:0px\0;
    *left:0;
    -moz-animation: .8s ease-in-out .2s normal forwards 1 loginAni;
    -webkit-animation: .8s ease-in-out .2s normal forwards 1 loginAni;
    -ms-animation: .8s ease-in-out 0.2s normal forwards 1 loginAni;
    animation: .8s ease-in-out 0.2s normal forwards 1 loginAni;
}
.loginContent .loginLabel{
    line-height: 34px;
}
.loginContent .checkbox{
    padding-left: 10px;
}
@media ( max-width : 768px) {
    .loginWrap{
        background: url(../images/net-image-ourbusinesses.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .loginContent{
        width: auto;
    }
    .tipImg img{
        position: relative;
        width: 48px;
        height: 48px;

    }
}

.dividerLine {
    /*border-bottom: 1px solid #E6EAF5;*/
    /*border-top: 1px solid #7390BF;*/
    border-bottom: 1px solid #5786ab;
    border-top: 1px solid #555876;
    overflow: hidden;
    height: 0px;
    margin: 10px 0;
}
/*login.html - end*/


.navBox {
	margin-bottom: 0;
	min-height: 40px;
	background-color: #4c6c97;
	box-shadow: 0 1px 3px rgba(0, 33, 88, 0.25), 0 -1px 0 rgba(0, 33, 88, 0.25) inset;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 33, 88, 0.25);
	-moz-box-shadow: 0px 1px 3px rgba(0, 33, 88, 0.25);
}
.navBox{
	color: #fff;
	line-height: 40px;
}
.navBox img{
	margin-top: 4px;
	max-height: 32px;
}
.navBox a{
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
.navBox a:hover{
	color: #ff6600;
}


.cNavbar{
    color: #fff;
    /*background: #26568E;
    background: -webkit-linear-gradient(top,#124191 0%,#26568E 50%,#124191 100%);*/
    background: #4C6B97;
    box-shadow: 0px 0px 3px 3px rgba(27,74,144,.15);
    line-height: 35px;
}


.cNavbar a{
    color: #fff;
    font-size: 12px;
}
.logoImg{
    height: 34px;
    padding-top: 3px;
}
.cNavbar .dropdown-menu{
    border: 1px solid #dddddd;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0px;
    padding: 5px 0;
    margin: 0px 0 0;
}

}
.cNavbar .dropdown-menu a{
    padding: 2px 6px;
}


ul.topbar-nav {
    list-style: none;
    float: right;
    margin: 0 0px;
    padding: 0 0;
}

ul.topbar-nav>li {
    float: left;
    display: inline-block;
    line-height: 40px;
    color: #f7f7f7;
}
ul.topbar-nav>li.open {
    background-color: #337ab7;
}

ul.topbar-nav>li:hover {

}
ul.topbar-nav>li>a:hover{
    border-radius: 0px;
    background-color: #337ab7;
    text-decoration: none;
}
ul.topbar-nav>li a{
    text-decoration:none;
}
ul.topbar-nav>li>a {
    color: #f7f7f7;
    padding: 0 15px;
    display: block;
    border-radius: 3px;
}

.topbar-nav-list {
    color: #999;;
    border: none;
    padding: 10px;
    margin-top: 0;
    white-space: nowrap;
}
.topbar-nav-list .topbar-nav-col {
    /*display: inline-block;*/
    float: left;
    vertical-align: top;
    padding: 0 10px;
}
.topbar-nav-list .topbar-nav-item ul li {
    min-width: 180px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
}
.topbar-nav-list .topbar-nav-item ul li a {
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    color: #999;
}
.topbar-nav-list .topbar-nav-item ul li a:hover {
    background-color: #f7f7f7;
}

.topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}

/*nav - end*/
/*重新定义tab样式*/
#optionTab{
    border: none;

}
#optionTab li{

}
#optionTab li + li{
    border-left: none;
}
#optionTab li a{
    color:#fff;
    height: 45px;
    padding: 0px 15px;
    line-height: 45px;
    background: none;
    border: none;
    border-radius: 0px;
    margin:0px;
}
#optionTab li.active a{
    border-bottom: 4px solid #feb100;
    background-color: rgba(255,255,255,0.2);
    color: #feb100;
    margin:0px;
    position: relative;
}
#optionTab li a:hover{
    color: #feb100;
}
#optionTab li.active a:after{
    position: absolute;
    display: inline-block;
    top: 20px;
    left: 45%;
    font-size: 14px;
    color: #fff;
}


.mainBody .button-giant{
    color: #FFFFFF;
    border-radius: 18px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

body.page-product{
    margin-top: 35px;
}

#subNav{
    padding: 0 15px;
    background: #EEEEEE;
    color: #aaa;
    border-bottom: 1px solid #cacaca;
    background-color: #004ad1;
    background-image: url(../images/ntk-2016-5681.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 100% auto;
    background-attachment: fixed;
}
#subNav .title{
    text-align: match-parent;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 45px;
}


.sub-icon {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0px;
    border: 2px rgba(255, 255, 255, 1) solid;
    color: #f5f5f5;
    border-radius: 12px !important;
}
.sub-icon:hover{
    border: 2px #feb100 solid;
    color: #feb100;
}

/*顶部导航列表*/

/*
 * @media screen and (max-width: 767px)
 * @media (min-width: 768px)
 * @media (min-width: 768px) and (max-width: 991px) 
 * @media (min-width: 768px) and (max-width: 991px) 
 * @media (min-width: 768px) and (max-width: 991px) 
 * @media (min-width: 992px) and (max-width: 1199px) */
#topNavListWrap{
	height: 48px;
	position: relative;
	overflow: hidden;
}
#topNavList{
	position: absolute;
	right: 60px;
	overflow: hidden;
	z-index:1000;
}
#topNavListWrap.active{
	overflow: visible;
}
#topNavListWrap.active #topNavList{
	background: #5bc0de;
	border: 1px solid #46b8da;
	box-shadow: 0px 2px 3px 2px rgba(0,0,0,.2);
	top: 48px;
	right:0px;
	/*width: 100%;*/
}
#topNavListWrap.active #navList a.active{
	color: yellow;
	border-bottom: none;
}
#topNavListWrap.active #navList li:after{
	position: absolute;
	display: inline-block;
	height: 15px;
	width:0px;
	content:"";
	border-left: 1px solid rgb(151, 215, 244);
	border-right: 1px solid #46A3DB;
	color: #aaa;
	top: 17px;
}
#navList{
	margin: 0px;
	padding: 0px 8px;
}
#overFlowBtn{
	width: 13px;
	margin-top: 7px;
	float:right;
	text-align: center;
	display: none;
}

/**dashboard**/
.n-main-home h1,
.n-main-home h2,
.n-main-home h3,
.n-main-home h4,
.n-main-home h5 {
	color: #f5f5f5;
}
.n-main-home .thumbnail {
	background-color: transparent;
	border: 0px solid #ddd;
}
.n-main-home .thumbnail p {
	color: #f5f5f5;
}
.thumbnail.opacity {
	opacity: 0.5;
}

.opacity{
	opacity: 0.3;
}
.opacity a{

    cursor:default;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
.opacity a i{
    opacity:0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
.opacity a.button:hover{
    cursor:default;
    box-shadow: none;
}

.btn.n-icon {
	border-radius: 24px;
}
.n-icon {
	width: 96px;
	height: 96px;
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
	background-color: #b51c44;
	border: 1px rgba(255, 255, 255, 0) solid;
	border-radius: 24px;
	color: #f5f5f5;
	border: 0px #b51c44 solid;
	-webkit-box-shadow: inset 0px 0px 1px #fff;
	-moz-box-shadow: inset 0px 0px 1px #fff;
	box-shadow: inset 0px 0px 1px #fff;
	/*内发光效果*/
	
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
}
.n-icon:hover {
	border: 1px rgba(255, 255, 255, 0.25) solid;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 2px 5px #000000;
	-moz-box-shadow: 1px 2px 5px #000000;
}
.n-icon:active {
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 0px 1px #000000;
	-moz-box-shadow: 0px 0px 1px #000000;
}
.n-icon .badge {
	font-size: 24px;
	position: absolute;
	right: 30px;
	background-color: #ff0000;
}
.n-icon i {
	line-height: 96px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 3em;
	color: #f5f5f5;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.n-icon:hover i {
	color: #f5f5f5;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.n-backicon {
	padding: 0;
	border-radius: 50%;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	height: 32px;
	width: 32px;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 1);
}
@media (max-width: 767px) {
	.n-icon {
		width: 64px;
		height: 64px;
	}
	.n-icon i {
		line-height: 64px;
		font-size: 2.5em;
	}
}
.n-icon-32 {
	border-radius: 12px !important;
	width: 32px;
	height: 32px;
}
.n-icon-32 i {
	line-height: 32px;
	font-size: 1.5em;
}
.n-icon-color1 {
	background-color: #e88a05;
}
.n-icon-color2 {
	background-color: #0093a8;
}
.n-icon-color3 {
	background-color: #ce4b27;
}
.n-icon-color4 {
	background-color: #009600;
}
.n-icon-color5 {
	background-color: #a300aa;
}
.n-icon-color6 {
	background-color: #5b3ab6;
}
.n-icon-color7 {
	background-color: #3498db;
}
.n-icon-color8 {
	background-color: #ff7f50;
}
.n-icon-color9 {
	background-color: #feb100;
}
.n-icon-color10 {
	background-color: #45a1d6;
}
/*!
footer style
 */

.n-footer {
	/* border-top: 1px solid #e5e5e5; */
}
.footer-bottom {
	text-align: center;
	font-size: 12px;
	color: #aaa;
	line-height: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
/*!
nav style
 */

.n-navbar {
	height: 48px;
	border: none;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	box-sizing: content-box;
	margin-bottom: 0px;
	background-color: #fff;
	border-radius: 0 !important;
}
.n-navbar-title {
	line-height: 48px;
	padding: 0 40px 0 14px;
	font-size: 18px;
	color: #FFFFFF;
}
.n-navbar-title a{
	color:#fff; text-decoration: underline;
}
.n-nav {
	color: #FFFFFF;
}
.n-navbar-nav {
	margin-right: 0px;
}
.n-navbar-nav * {
	box-sizing: content-box
}
.n-navbar-nav a {
	color: #FFFFFF
}
.n-navbar-nav .n-navbar-nav-title {
	float: left;
	line-height: 48px;
	padding: 0 40px 0 14px;
	font-size: 18px;
	color: #999999
}
.n-navbar-nav .n-navbar-nav-title .n-navbar-nav-subtitle {
	margin-right: 5px
}
.n-navbar-nav .nav li {
	float: left;
	display: block;
	height: 48px;
	font-size: 14px
}
.n-navbar-nav .nav li a {
	margin-top: 2px;
	padding: 0 15px;
	float: left;
	height: 44px;
	color: #FFFFFF;
	line-height: 44px;
	text-decoration: none
}
.n-navbar-nav .nav li a:hover {
	background-color: rgba(255, 255, 255, 0.25);
}
.n-navbar-nav .nav li a.active {
	color: #feb100;
	border-bottom: 2px solid #feb100;
}
.n-navbar-nav .n-navbar-nav-a-default {
	cursor: default
}
.n-navbar-nav .n-navbar-nav-links-example {
	margin-top: 15px;
	padding: 0 15px 0;
	line-height: 24px;
	border-left: 1px solid #eeeeee
}
.n-navbar-nav .n-navbar-nav-links-example a {
	color: #b3b3b3
}
.n-nav-bg {
	background: #0066CC;
}

.console-title {
    padding: 10px 0px 5px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}

.console-title .btn {
    margin-left: 15px;
}

.console-title .nav-pills {
    display: inline-block;
    vertical-align: middle
}

.console-title h1,.console-title h2,.console-title h3,.console-title h4,.console-title h5,.console-title h6
{
    display: inline-block;
    text-indent: 8px;
    border-left: 4px solid #004ad1;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px
}

.console-body {
    margin-bottom: 10px
}

.panel-heading span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    border-radius: 50%;
}
.panel-default .bg-gray{
	background: #f5f5f5 !important;
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,.3);
}
/*内容*/

.btn {
	border-radius: 2px;
}
.panel-body {
	line-height: 25px;
}
textarea.panel-body.form-control{
	border-radius: 0px;
	border:none;
}
.noPadding {
	padding: 0px !important;
}
.marginTop10 {
	margin-top: 10px;
}
.marginBottom10 {
	margin-bottom: 10px;
}
.noMargin {
	margin: 0px !important;
}
.noMarginBottom {
	margin-bottom: 0px !important;
}
.noMarginTop {
	margin-top: 0px !important;
}
.noMarginLeft {
	margin-left: 0px !important;
}
.noMarginRight {
	margin-right: 0px !important;
}
.noPadding{
	padding: 0px !important;
}
.noPaddingTop {
	padding-top: 0px !important;
}
.noPaddingBottom {
	padding-bottom: 0px !important;
}
.noPaddingLeft {
	padding-left: 0px !important;
}
.noPaddingRight {
	padding-right: 0px !important;
}
.input-xs {
	height: 26px;
	font-size: 12px;
}
.bgGrayLighter {
	background: #F9F9F9;
}
/*下拉列表*/

.smallFont.k-dropdown {
	font-size: 12px;
}
/*表格*/

.k-gridWrap {
	border: 1px solid #DBDBDE;
	border-bottom: 0px;
	padding: 2px 4px;
	background-color: #f3f3f4;
}
.k-grid-content,
.k-grid-content .btn {
	font-size: 12px;
}
.k-grid-content .progress {
	margin: 0px;
	height: 17px;
}
.k-grid-content .progress-bar {
	line-height: 17px;
}
 .k-grid-content td button.btn-xs{
	padding: 0px 3px !important;
}
.k-grid tr td {
	text-overflow: ellipsis; overflow:hidden; white-space: nowrap;
	padding: 3px 8px;
	font-size: 12px;
}
.tdOverFont{
	display: inline;
	color: #515967;
}
.tdOverFont:hover{
	text-decoration: none;
}
/*panel*/

.panel {
	border-radius: 2px;
}
.panel-default.panelLighter {
	border: 1px solid #e6e6e6;
	box-shadow: 1px 1px 2px #eee;
}
.panel-default {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #eee inset;
	padding: 0px;
    margin-top: 10px;
}
.panel-default .panel-heading {
	background: #fff;
	color: #000;
	font-size: 14px;
	padding: 2px 10px;
}
.panel-default .panel-body {
	padding: 10px;
    min-height: 400px;
    
}
.panel-default .panel-footer {
	padding: 7px 10px;
}
/*查询条件*/
.form-inline {
	margin-top: 5px;
	margin-bottom: 5px;
}
@media (min-width: 768px){
    .form-inline .form-group{
        margin-bottom: 5px;
		margin-top: 5px;
    }
}
.form-group .form-control {
	min-width: 130px;
}
.form-group label {
	min-width: 80px;
	text-align: right;
	padding-right: 4px;
}
.form-group label.btn{
	min-width:10px;
	text-align: center;
}
.form-group-xs .form-control{
	height: 26px;
	padding: 0px 4px;
	width: 149px;
	font-size: 12px;
}
.form-group select.form-control{
	padding: 0px\9;
}
@media (max-width: 767px) {
	.form-group{
		display: inline-block;
	}
	.form-control{
		display: inline-block;
		width:auto;
	}
}
/*下拉*/
.k-dropdown-wrap, .k-picker-wrap{
	height: 28px;
	line-height: 28px;
}
.k-picker-wrap input{
	height: 28px;
	padding: 0px !important;
}
.k-dropdown-wrap span{
	padding: 0px !important;
}

.addWrap{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px dashed  #CCCCCC;
	color: rgb(224, 12, 12);
	padding: 4px;
	cursor: pointer;
	margin-bottom: 3px;
	position: relative;
}
.addWrap label{
	position: relative;
	z-index:10;
	margin-bottom: 0px;
	cursor: pointer;
}
.addWrap span{
	position: absolute;
	display: inline-block;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	background: rgba(224,224,224,0);
	transition: all .2s;
}
.addWrap:hover span{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(224,224,224,1);
}
/*modal*/
.modal-header {
	padding: 7px 10px;
}
.modal-header h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.k-widget .form-control {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/*动画效果*/

@-webkit-keyframes nextStepAni {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translate(6px);
	}
	100% {
		transform: translate(0px);
	}
}
@-moz-keyframes nextStepAni {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translate(6px);
	}
	100% {
		transform: translate(0px);
	}
}
@-ms-keyframes nextStepAni {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translate(6px);
	}
	100% {
		transform: translate(0px);
	}
}
@keyframes nextStepAni {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translate(6px);
	}
	100% {
		transform: translate(0px);
	}
}
.nextStep {
	-webkit-animation: nextStepAni 1.8s ease-in-out infinite;
	-moz-animation: nextStepAni 1.8s ease-in-out infinite;
	-ms-animation: nextStepAni 1.8s ease-in-out infinite;
	animation: nextStepAni 1.8s ease-in-out infinite;
}
/*上传文件*/

.k-dropzone {
	padding: 0px;
}
.k-dropzone .k-button {
	border-radius: 2px;
	width: 100%;
}

.redTips{
	color: red;
	margin-right: 20px;
	font-size: 12px;
}

/*决策树*/
.treeList{
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #eee inset;
	padding: 3px;
	margin-bottom: 10px;
}
.treeList h4{
/*	background: #3879D9;*/
	background: url(../images/ntk-2016-5681.jpg) no-repeat center center;
	/*-webkit-filter: blur(1px);*/
	font-size:14px;
	color: #fff;
	line-height: 28px;
	padding:5px 10px;
	margin-bottom:5px;
	margin-top: 0px;
}
.treeList ul{
	padding:0px;
}
.treeList ol{
	padding:0px 8px 0px 30px;
	line-height: 28px;
	cursor: pointer;
	border: 1px solid #fff;
	border-left:4px solid #fff;
	color: #ddd;
}
.treeList ol.hoverable{
	color: #333;
}
.treeList ol.hoverable:hover{
	background: #FEF2D8;
	border: 1px solid #FEB100;
	border-left:4px solid #FEB100;
}
.treeList ol.active{
	color: blue;
}
/*图片阴影*/
.imgShadow{
	position: relative;
}
.imgShadow:after{
	display: inline-block;
	content: "";
	position: absolute;
	width: 50%;
	height: 10px;
	box-shadow: -20px 10px 14px 14px rgba(0,0,0,.2);
}


.fontNormal{
    font-weight: normal;
}
.form-group label.text-left{
    text-align: left;
}
a.aLink{
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}
.listBlock{
    background: #ECECEC;
    color: #FFF;
}
.listBlock span{
    display: inline-block;
    padding: 5px;
    background: black;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    opacity: 0.35;
    filter: alpha(opacity=35);
}
.clearfix{min-width:880px}
.list-menu{
	height:60px;
	min-width:950px;
	/* border-bottom:1px dotted green; */
	margin: 5px 0 5px 210px;
}
.left-on{width: 180px;height: 60px;color: #666;float: left;line-height: 60px;border-right: 1px dotted #ddd;margin: 5px 0 5px 0px;}
.left-on span{width:60px;height:30px;line-height:30px;border-radius:3px;background:#f0ad4e;color:#fff;}
.list-menu li{width:50px;float:left;text-align:center;border-radius:3px;font-size:12px;position:relative;}
.list-menu li span{display:block;width:100px;height:20px;line-height:20px;font-size: 10pt;color:#999;position:absolute;margin:5px 0 0 -25px;}
.list-menu li  i{float:none;margin:0;font-size:25px}
.list-menu li a{text-decoration:none;color:#fff}
.list-menu i{float:left;height:40px;line-height:40px;width:40px;margin-top:10px;text-align:center;color:#ccc;font-size:22px}
.list-menu i.proce{width:105px;height:10px;margin-top:18px;background: url(../images/proce-icons02.png) no-repeat;background-position: 0 -19px;}
.list-menu i.proce.done{background-position: 0 -38px}
.list-menu  .ative{width:38px;height:38px;line-height:38px;margin-top: 2px;background:#79bb4d;border-radius:19px;color:#fff;font-size: 20px}
.console-body .col-sm-6,.console-body .col-sm-12{padding:0}
.open-file{background: #f3f3f4;border-color: #dbdbde;color: #333}
.open-file:hover{background: #b6bdca;border-color: #dbdbde;color: #333}
.up-button,.up-button:hover{background: #337ab7;border-color: #337ab7}
.xz-sheet li{float: left}
.xz-sheet li.on-left{margin-left: 10px}
.list-menu li i.on-done{color:#79bb4d;}